<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>tag section and article test</title>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<article>
			<hgroup>
				<h1>Apples</h1>
				<h2>Tasty, delicious fruit!</h2>
			</hgroup>
			<p>The apple is the pomaceous fruit of the apple tree.</p>
			<section>
				<h1>Red Delicious</h1>
				<p>These bright red apples are the most common found in many supermarkets.</p>
			</section>
			<section>
				<h1>Granny Smith</h1>
				<p>These juicy, green apples make a great filling for apple pies.</p>
			</section>
		</article>
		<hr />
		<article>
			<header>
				<h1>The Very First Rule of Life</h1>
				<p><time pubdate datetime="2009-10-09T14:28-08:00"></time></p>
			</header>
			<p>If there's a microphone anywhere near you, assume it's hot and sending whatever you're saying to the world. Seriously.</p>
			<p>...</p>
			<footer>
				<a href="?comments=1">Show comments...</a>
			</footer>
		</article>

		<article>
			<header>
				<h1>The Very First Rule of Life</h1>
				<p><time pubdate datetime="2009-10-09T14:28-08:00"></time></p>
			</header>
			<p>If there's a microphone anywhere near you, assume it's hot and sending whatever you're saying to the world. Seriously.</p>
			<p>...</p>
			<section>
				<h1>Comments</h1>
				<article>
					<footer>
						<p>Posted by: George Washington</p>
						<p><time pubdate datetime="2009-10-10T19:10-08:00"></time></p>
					</footer>
					<p>Yeah! Especially when talking about your lobbyist friends!</p>
				</article>
				<article>
					<footer>
						<p>Posted by: George Hammond</p>
						<p><time pubdate datetime="2009-10-10T19:15-08:00"></time></p>
					</footer>
					<p>Hey, you have the same first name as me.</p>
				</article>
			</section>
		</article>
	</body>

</html>